import React,{Component} from 'react';
import { 
    View, 
    ScrollView,
    StyleSheet, 
    Image, 
    Text,
    Alert,
    TouchableWithoutFeedback, 
    StatusBar,
} from 'react-native';
import Header from './header/Header';
export default class Near extends Component {

    constructor(props) {
        super(props);
        this.state = {
            
        };
    }

    render() {
        const { params } = this.props.navigation.state;
        const {navigate,goBack,state} = this.props.navigation;
        let barHeight = StatusBar.currentHeight;
        return (
            <View style={{
                flex: 1,
                // paddingTop: barHeight, 
                backgroundColor: '#ffffff'
            }}>
                <Header isShowBack={true} title='附近维修点' goBack={goBack} />
                <ScrollView>
	                <View style={{paddingLeft: 10, paddingRight: 10, paddingTop: 15, paddingBottom: 15}}>
	                    <Image style={{
	                        width: '100%',
	                        height: 130,
	                        marginBottom: 20,
	                    }} source={require('../images/near.jpg')}/>
	                    <View style={{paddingLeft: 15, paddingRight: 15}}>
	                    	<View style={{paddingTop: 10, paddingBottom: 10, flexDirection: 'row', alignItems: 'center', borderBottomWidth: 1, borderColor: '#b7b7b7'}}>
	                    		<Image style={{
			                        width: 19,
			                        height: 28,
			                        marginRight: 15,
			                    }} source={require('../images/nearAddress.png')}/>
			                    <View style={{flex: 1}}>
									<View style={{marginBottom: 0}}>
										<Text style={{fontSize: 14, color: '#454445'}}>深圳鞋匠总部</Text>
									</View>
									<View style={{width: '100%'}}>
										<Text numberOfLines={2} style={{fontSize: 12, color: '#adadad', lineHeight: 18}}>地址：广东省深圳市宝安区宝源路亨林大厦</Text>
									</View>
			                    </View>
	                    	</View>
	                    </View>
	                </View>
                </ScrollView>
            </View>
        )
    }
}
const styles = StyleSheet.create({
    box: {paddingLeft: 10, paddingRight: 10, paddingTop: 20, paddingBottom: 20},
    boxChild: {marginBottom: 20},
    boxChildTitle: {fontSize: 14, color: '#00f'},
    boxChildView: {width: '100%', marginTop: 5, flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-between'},
});